$infos-min-w: 20%;
$infos-top: 60px;
$infos-min: 30px;
@keyframes panel-move {
  50% {min-width: $infos-min-w;}
}
.menu-panel{
  padding:10px;
  background-color: #ddd;
  margin-bottom: 10px;
  border-radius: 8px;
  margin-right:$infos-min-w;
  .print-btn{
    width:80px;
  }
  span{
    font-size:10pt;
  }
}
.ps-paper{
  position: relative;
  background-color: #fff;
  border: 1px dashed #afa9a9;
  font-size: 9pt;
  &.ps-a3{
    width: 420mm; 
    height: 296mm;
  }
  &.ps-a4{
    width: 210mm; 
    height: 296mm;
  }
  &.ps-a5{
    width: 210mm; 
    height: 147mm;
  }

  &.ps-b3{
    width: 500mm; 
    height: 352mm;
  }
  &.ps-b4{
    width: 250mm; 
    height: 352mm;
  }
  &.ps-b5{
    width: 250mm; 
    height: 175mm;
  }

  &.ps-biglabel{
    width: 60mm; 
    height: 30mm;
  }

  &.ps-biglabel2{
    width: 60mm; 
    height: 15mm;
  }

  &.ps-label{
    width: 50mm; 
    height: 15mm;
  }
  &.in-box{
    border: 1px dashed #14ff00;
  }
}
.infos-panel{
  position: absolute;
  top:0;bottom: 0;
  right:0;
  min-width:$infos-min;
  background-color: #fbfbfb;
  border-radius: 10px 0 0 10px;
  overflow-x:hidden;
  overflow-y: auto;
  transition: min-width 0.3s;
  box-shadow: -1px 1px 6px #898989;
  &.open{
    min-width:$infos-min-w;
    .info-title a::before{
      content: '\00BB'
    }
  }
}